﻿<div class="item-flow-left"><a href="@Href("~/Books")">@T("Lastest")</a></div>
<div class="item-flow-left"><a href="@Href("~/Books?orderby=likes")">@T("Favourites")</a></div>
<div class="item-flow-left"><a href="@Href("~/Books?orderby=views")">@T("Most Viewed")</a></div>
<div class="item-flow-right">
    <form action="@Href("~/Books")" method="get" onsubmit="if($('#searchExpression').val() == '@T("Search book...")') $('#searchExpression').val('')">
        <input type="hidden" name="Category" value="@Model.Search.Category" />
        <input type="hidden" name="OrderBy" value="@Model.Search.OrderBy" />
        <input type="hidden" name="OrderDirection" value="@Model.Search.OrderDirection" />
        <input type="text" name="Expression" id="searchExpression" 
            value="@(!String.IsNullOrEmpty(Model.Search.Expression) ? Model.Search.Expression : T("Search book..."))" 
            onfocus="if(this.value=='@T("Search book...")') {this.value=''};" 
            onblur="if(this.value=='') {this.value='@T("Search book...")';}"/>
        <input type="submit" id="searchButton" value="@T("Search")" />
    </form>
</div>
<script type="text/javascript">
</script>